<template>
  <div class="home">
    <div class="header">
      <div class="logo">
        <img src="../../../assets/img/home/logo.png" alt="">
      </div>
      <div class="title">
        <img src="../../../assets/img/home/onekey-sale-title.png" alt="">
      </div>
    </div>

    <div class="form-group">
      <group title="请输入信息">
        <x-input title="姓名" placeholder="请输入姓名"></x-input>
        <x-input title="产品" placeholder="请输入产品名称"></x-input>
        <x-input title="数量" placeholder="请输入收购数量">
          <span slot="right">kg</span>
        </x-input>
        <x-input title="电话" placeholder="请输入电话"></x-input>
        <x-input title="地址" placeholder="请输入地址"></x-input>
        <div class="btn-group">
          <x-button type="primary" text="发送位置"></x-button>
          <x-button type="primary" text="提交信息"></x-button>
        </div>

      </group>
    </div>


  </div>
</template>

<script>
  import { XInput, Group, XTextarea, XButton } from 'vux'

  export default {
    components: {
      XInput,
      Group,
      XTextarea,
      XButton
    },
    data () {
      return {}
    }
  }
</script>

<style>

</style>

